<template>
    <div class="sell-container">
        <shop-header></shop-header>
        <div class="sell-center-container">
            <seller-menu></seller-menu>
            <router-view></router-view>
            <!-- <seller-wallet></seller-wallet> -->
            <!-- <el-col :span='20' v-show="salerWalletShow">
                    <saler-wallet></saler-wallet>
                </el-col>
                <el-col :span='20' v-show="saleOrderShow">
                    <sale-order></sale-order>
                </el-col>
                <el-col :span='20' v-show="shopInformationShow">
                    <shop-information></shop-information>
                </el-col>
                <el-col :span='20' v-show="salerInformationShow">
                    <saler-information></saler-information>
                </el-col>
                <el-col :span='20' v-show="editPasswordShow">
                    <edit-password></edit-password>
                </el-col> -->
        </div>
    </div>
</template>
  
<script>
import { mapGetters, mapActions } from 'vuex'
import ShopHeader from 'components/Header.vue'
import SellerMenu from 'components/SellerMenu.vue'
import SellerWallet from 'components/SellerWallet.vue'
// import saleOrder from 'components/saleOrder.vue'
// import shopInformation from 'components/shopInformation.vue'
// import salerInformation from 'components/salerInformation.vue'
// import editPassword from 'components/editPassword.vue'

export default {
  components: {
    'shop-header': ShopHeader,
    'seller-menu': SellerMenu,
    'seller-wallet': SellerWallet
    // 'sale-order': saleOrder,
    // 'shop-information': shopInformation,
    // 'saler-information': salerInformation,
    // 'edit-password': editPassword
  },
  data() {
    return {
      salerWalletShow: false,
      saleOrderShow: false,
      shopInformationShow: false,
      salerInformationShow: false,
      editPasswordShow: false
    }
  },
  computed: mapGetters({}),
  filters: {},
  methods: {
    ...mapActions({}),
    judgeIsSellerWallet() {
      return this.$route.path === '/seller/wallet'
    }
  },
  mounted: function() {}
}
</script>

<style scoped>
.sell-container {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-color: #f7f7f7;
}
.sell-center-container {
  /* position: absolute;
  bottom: 0; */
  width: 1200px;
  /* height: 100%; */
  margin-left: auto;
  margin-right: auto;
  /* background-color: red; */
}
</style>
  

